<template>
	<view class="">
		<!-- 外边框 -->
		<view class="shareBox">
			<view class="shareBoxBorder_outside">
				<!-- 内边框 -->
				<view class="shareBoxBorder_within">
					<view class="shareBox_conent">
						<!-- 租户名 -->
						<view class="shareBox_conent_logo">s11e-DAO</view>
						<view class="shareBox_conent_time">存证时间：2022-5-1</view>
						<view class="shareBox_conent_img">
							<!-- <image v-if="nftDetailsInfo.gradeCover === undefined" :src="nftDetailsInfo.metadataImage" mode=""></image>
							<image v-if="nftDetailsInfo.gradeCover != undefined" :src="nftDetailsInfo.gradeCover" mode=""></image> -->
							<image src="../../static/images/nft/daoLogo2.jpg" mode=""></image>
						</view>
						<!-- 信息 -->
						<view class="shareBox_conent_info">
							<view class="">名称: 111</view>
							<view class="">发行量: 11 份</view>
							<view class="">价格: ¥ 33</view>
							<view class="">Token ID: 33</view>
							<view style="text-align: center;padding-top: 10px;">NFT基于公链conflux铸造</view>
						</view>
						<view style="margin-bottom: 40rpx; height: 1rpx;"></view>
					</view>
				</view>
			</view>
			<!-- made in -->
			<view class="made">
				<view class="made_qrcode">
					<u-qrcode ref="qrcode" canvas-id="qrcode" value="urlQrcode" size="80">
					</u-qrcode>
				</view>
				<view >
					<view class="" style="height: 50px;">
						Made in s11e Dao
					</view>
					<image style="width: 100rpx; height: 80rpx;" src="../../static/images/logo.png" mode=""></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		props: {
			urlQrcode: {
				type: String
			},
			nftDetailsInfo: {
				type: Object
			}
		},
		created() {

		},
		methods: {}
	}
</script>

<style lang="scss" scoped>
	// 分享
	.shareBox {
		width: 100%;
		height: 100%;
		color: #000;
		// 外边框
		.shareBoxBorder_outside {
			width: 100%;
			height: 100%;
			box-sizing: border-box;
			border: 4rpx solid #333;
		}

		// 内边框
		.shareBoxBorder_within {
			width: 100%;
			height: 100%;
			padding: 10rpx;
			box-sizing: border-box;
		}

		// 内容
		.shareBox_conent {
			position: relative;
			width: 100%;
			height: 100%;
			border: 2rpx solid #333;
			padding: 24rpx;
			box-sizing: border-box;
			font-size: 28rpx;

			&_logo {
				text-align: right;
				font-size: 30rpx;
				font-weight: 700;
				letter-spacing: 6rpx;
				margin-bottom: 16rpx;
			}

			&_time {
				margin-bottom: 40rpx;
			}

			// 封面图片
			&_img {
				width: 400rpx;
				height: 400rpx;
				margin: 0 auto;
				margin-bottom: 40rpx;

				image {
					width: 100%;
					height: 100%;
				}
			}

			// 基本信息
			&_info {
				view {
					margin-top: 10rpx;

				}
			}

			&_option {
				display: flex;
				position: absolute;
				bottom: 20rpx;
				right: 20rpx;
			}

		}

		.made {
			font-size: 30rpx;
			height: 200rpx;
			line-height: 200rpx;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-top: 20rpx;
		}
	}
</style>
